<markdown>
# 基础用法

使用 `virtual` 开启虚拟滚动。
</markdown>

<template>
  <x-virtual-list :items="data" virtual style="height: 256px">
    <template #default="{ item, index }">
      <span style="padding: 12px">{{ item.name }}</span>
    </template>
  </x-virtual-list>
</template>

<script setup>
const data = [...Array(500)].map((_, i) => ({
  name: 'item ' + i
}))
</script>
